<script setup lang="ts">

</script>

<template>
<div>
  <div class="header">
    <slot name="header"></slot>
  </div>
  <slot name="content"></slot>
  <div class="footer">
    <slot name="footer" :footData="'我是插槽传递过来的数据'">
      <span>我是尾巴</span>
    </slot>
  </div>
</div>
</template>

<style scoped lang="scss">
.header ,.footer{
  height:200px;
}
.header{
  background: aquamarine;
}
.footer{
  background: firebrick;
}
</style>
